<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
 <head>
  <title> 测试4  </title>
  <meta charset="UTF-8"/>
  <script type='text/javascript' src='jquery/jquery-1.11.1.min.js'></script>
  <script type='text/javascript'>
  	$(function(){
		/*
		$(window).resize(function(){
			console.log('大小改变了',$(this).height());//改变窗口的大小
		});
		*/

		/*
		$(window).scroll(function(){
			console.log('他在滚',$(this).height());//点击滚动条，就执行(可获取高度值)
		});
		*/
		
		/*
		$('input').change(function(){
	    alert('改变了');//change 改变输入框的值才会调用，没有改变就不调用
		});
		*/
		
		/*
		$('body').keyup(function(a){
			console.log('释放了一个键',a.keyCode);//按下一个键盘字母的位置数(释放了一个键)
		});
		*/
		
		/*
		$('body').keydown(function(a){
			console.log('按下了一个键',a.keyCode);//按下一个键盘字母的位置数（按下了一个键）
		});
		*/
		
		/*
		$('input').click(function(){
			console.log('点击一下');
		});
		*/
		
		/*	
		$('a').click(function(){
			return confirm('你到底要去不去？吭声儿，喂.......');//询问是否去不去链接访问
		});	
		*/
			
		/*
		$('button').mousemove(function(a){
			console.log('老鼠在动',a.pageX,a.pageY);//获取按钮上的任何位置
		});
		*/	
			
		/*	
		$('div').mousemove(function(){
			$(this).css({'font-size':'90px','color':'yellow','background':'blue'});//鼠标移入时改变样式
		},function(){
			$(this).css({'font-size':'40px','color':'blue','background':'yellow'});//鼠标移除时改变样式
		});			
		*/
						
		/*
		$('button').on('click',function(){ 
			console.log('注册事件');
			//$(this).unbind('click');//解除绑定事件
		});
		*/
		});
	
 </script>
 <style type='text/css'>
 	div{border:solid 1px}
 	body{width:5000px;height:4000px}
 </style>
 </head>
 <body>
 	<input/>
	<button>按钮</button> 
	<a href="http://baidu.com">百度一下你就知道</a>
	<hr/>
	
	<div>世界,你好</div>
	<div>世界,你好</div>
	<div>世界,你好</div>
	<div>世界,你好</div>
	<div>世界,你好</div>
	<div>世界,你好</div>
	<div>世界,你好</div>
	<div>世界,你好</div>
	<div>世界,你好</div>
	
 </body>
</html>
